<template>
  <div id="app">
    <!--公共头部-->
    <commonhead></commonhead>
    <!--中间部分-->
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>
    <!--公共底部-->
    <commonfoot></commonfoot>
  </div>
</template>

<script>
import head from './components/commonhead.vue'
import foot from './components/commonfoot.vue'
export default {
  name: 'App',
  components: {
    commonhead: head,
    commonfoot: foot
  }
}
</script>
<style lang="less">
</style>
